<%--
骨松随访-没有药物
分为首次、6、12、18、24个月随访
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jsp/component/common.jsp" %>
<%@ include file="/WEB-INF/jsp/component/commonBottom.jsp" %>
<html>

<head>
    <meta http-equiv="Content-Type" content="multipart/form-data; charset=utf-8" />
    <title>骨松管理-骨松随访-随访信息-随访详情</title>
    <link rel="stylesheet" href="${frames}/css/lib/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="${frames}/css/lib/dataTables.bootstrap.css" type="text/css">
    <%--<link rel="stylesheet" href="${frames}/css/paginate.css" type="text/css">--%>
    <%--<link rel="stylesheet" href="${frames}/css/qulitity.css" type="text/css">--%>
    <link rel="stylesheet" href="../assets/css/views/modules/_common.scss">
    <link rel="stylesheet" href="${newframe}/css/base/base.css" type="text/css">
    <link rel="stylesheet" href="${assets}/css/views/bloodScreening.css">
    <link rel="stylesheet" href="${assets}/css/views/department/departmentMgr.css">
    <script src="../assets/js/views/vue.min.js"></script>
    <script src="${js}/jquery-1.9.1.min.js"></script>
    <script src="${js}/jquery.dataTables.js"></script>
    <link href="../assets/css/bootstrap-datetimepicker.css" type="text/css">
    <script src="../assets/js/bootstrap-datetimepicker.min.js"></script>
    <script src="${frames}/Chronic/laydate/laydate.js"></script>
    <script src="${assets}/js/views/bpAbnormal.js"></script>
    <%@ include file="/WEB-INF/jsp/component/commonBottom.jsp" %>
    <script type="text/javascript" src="../assets/js/echarts.js"></script>
    <style>
        .color {
            margin: 0 !important;
        }

        span {
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            font-family: PingFang-SC-Regular;
        }

        .illness span {
            height: 16px;
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
        }

        .btn {
            float: right;
            width: 100px;
            font-size: 16px;
            line-height: 28px;
            background: #35acfd !important;
            margin-right: 15px !important;
            padding: 0 !important;
        }

        .title {
            font-family: MicrosoftYaHei;
            font-size: 16px !important;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0.3px;
            color: #666666;
        }

        label {
            height: 16px;
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
        }

        /* 随访时间及方式 */
        .way, illness, sign, live, evaluate {
            margin-bottom: 30px;
        }

        .way_content, illness_content {
            width: 100%;
            margin-left: 15px;
            margin-top: 19px;
        }

        .way_content label {
            width: auto;
        }

        .way_content div {
            margin-bottom: 20px;
        }

        .way_content input, #accompanyType {
            width: 15%;
            line-height: 30px;
            height: 30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #333333;
            text-indent: 10px !important;
        }

        /* 病症 */
        .illness_content {
            margin-left: 15px;
            margin-bottom: 20px;
        }

        .illness_content label {
            margin-left: 22px;
        }

        input[type=checkbox] {
            width: 20px;
            height: 20px;
            -webkit-appearance: none;
            border-radius: 5px;
            border: 1px solid #9e9e9e;
            vertical-align: top;
            margin-top: 7px;
            display: inline-block !important;
        }

        input[type=checkbox]:checked {
            background-image: url('../assets/images/radio.png');
            background-size: 100% 100%;
            border: none
        }

        .ill1 {
            margin-right: 22px;
            margin-bottom: 20px;
        }

        .ill1 label {
            margin-left: 22px;
        }

        /* 体征 */
        .sign_content {
            margin-left: 15px;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .sign_content div input {
            width: 180px;
            line-height: 30px;
            border: solid 1px #d0d0d0;
            text-indent: 10px;
            position: absolute;
            height: 30px;
            display: inline-block;
        }

        .sign_content div span {
            position: relative;
            left: 130px;
        }

        .sign_content div {
            display: inline-block;
            width: 270px;
        }

        .second div input {
            width: 135px;
        }

        .second div span {
            left: 80px;
        }

        /*.second div{*/
        /*width:230px;*/
        /*}*/
        .third div input {
            width: 135px;
        }

        .third div span {
            left: 80px;
        }

        .third div {
            width: 230px;
        }

        /* 生活方式调查 */
        .live_content {
            margin-left: 15px;
            margin-top: 20px;
        }

        .live_content span {
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right: 19px;
            display: inline-block;
        }

        .live_content input {
            width: 115px;
            height: 30px;
            border: solid 1px #d0d0d0;
            line-height: 30px;
            margin-right: 10px;
            text-indent: 10px;
        }

        .live_content div {
            margin-top: 20px;
        }

        .sprots span {
            margin-right: 65px;
        }

        #salt {
            width: 15%;
            height: 30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent: 10px;
            margin-right: 19px;
        }

        .salt input {
            width: 180px;
            height: 30px;
            border: solid 1px #d0d0d0;
            line-height: 30px;
            margin-right: 10px;
            text-indent: 10px;
        }

        .mentality {
            margin-bottom: 20px;
        }

        select {
            width: 181px;
            height: 30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent: 10px;
        }

        .salttype {
            width: 200px;
            height: 30px;
        }

        /* 随访评估 */
        .evaluate_content {
            margin-left: 15px;
            margin-bottom: 20px;
            margin-top: 20px;
        }

        .evaluate_content span {
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right: 19px;
            display: inline-block;
        }

        /* 治疗建议 */
        .suggest_content {
            margin-left: 15px;
            margin-bottom: 20px;
            margin-top: 20px;
        }

        .suggest_content span {
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right: 19px;
            display: inline-block;
        }

        .suggest_content textarea {
            width: 500px;
            height: 120px;
            border: solid 1px #d0d0d0;
            vertical-align: top
        }

        #main {
            margin-top: 0px !important;
        }

        /*  表格 */
        #example th {
            height: 30px;
            background-color: #e6e6e6;
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #666666;
            text-align: center;
        }

        #example td {
            text-align: center;
            height: 17px;
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
        }

        #mytool {
            width: 96%;
        }

        #example_paginate {
            margin-top: 15px;
            width: 100%;
            text-align: center;
            margin-bottom: 40px;
        }

        button {
            margin-top: 0px !important;
        }

        .btn {
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0.3px;
            color: #ffffff;
        }

        textarea {
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent: 10px;
        }

        input {
            text-indent: 10px;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
        }

        .content {
            height: auto !important;
        }

        .illness {
            box-shadow: none !important;
            margin-top: 0 !important;
            padding-top: 20px;
        }

        .dataTables_empty {
            line-height: 30px;
        }

        .default {
            border: 1px solid red !important;
        }

        input {
            display: inline-block !important;
        }

        .warn {
            padding: 30px;
            width: 90% !important;
            background: #e6e6e6;
        }

        .warn ul li {
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent: 10px;
        }

        input[type=radio] {
            width: 20px;
            height: 20px;
            vertical-align: middle;
            -webkit-appearance: none;
            margin: 0 !important;
            border-radius: 50%;
            background-image: url('../assets/images/nocheck.png');
            background-size: 100% 100%
        }

        input[type=radio]:checked {
            background-image: url('../assets/images/checkout.png');
            background-size: 100% 100%
        }

        .default {
            border: 1px solid red !important;
        }

        .inputVal {
            position: absolute;
            height: 30px;
        }

        .inputText {
            position: relative;
        }

        textarea {
            width: 60%;
            height: 180px;
            border: solid 1px #d0d0d0;
            vertical-align: top;
            text-indent: 10px;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #333333;
        }

        .unit {
            position: relative;
            height: 30px;
            margin-bottom: 0px !important;
            vertiacl: middle;
            top: 8px;
        }

        .unit input {
            position: absolute;
        }

        #tooltip {
            position: absolute;
            border: 1px solid #ccc;
            background: #333;
            width: 400px;
            height: auto;
            padding: 2px;
            display: none;
            color: #fff;
        }

        .unit span {
            position: absolute;
            left: 80%;
        }

        .illnessTitle {
            width: 160px;
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            line-height: 34px !important;
            height: 34px !important;
        }

        #example_wrapper div:nth-child(1) div:nth-child(1) {
            display: none;
        }

        .dataTables_paginate {
            display: none;
        }

        tbody .dataTables_empty {
            text-align: center;
        }

        .img {
            width: 100px;
            height: 100px;
            display: inline-block;
        }

        tbody tr th {
            background: white !important;
        }
    </style>
</head>
<body>
<div>
    <%@ include file="../../breadline.jsp" %>
</div>
<div id="main" class="wrap">

    <div>
        <%@ include file="../../personalnews.jsp" %>
    </div>

    <div class="illness" style="width:99%; margin-right:19px;">
        <div class="tableWrap"
             style="padding-bottom:20px;background-color: #ffffff;box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.05);">
            <div style="margin-left:20px;">
                <h3 style="margin-bottom:16px;font-size:20px;">骨松高危人群筛查</h3>
                <button type="button" class="btn btn-info" @click="pressure()">
                    <img src="../assets/images/revise.png" alt="" style="width:16px;vertical-align: middle;"> 保存
                </button>
            </div>
            <div class="way">
                <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                <span class="title">基本信息</span>
                <div class="way_content">
                    <div style="margin-bottom:0px;">
                        <label for="accompanyTime">随访日期：</label>
                        <div class="input-group date form_date" data-date-format="yyyy-mm-dd HH:mm:ss"
                             style="display:inline-block !important;width:15%;">
                            <input id="accompanyTime" v-model="checkData.accompanyTime" type="text" class="lay-date"
                                   readonly style="width:100% !important;">
                        </div>

                        <label for="blNoMedicalType">随访类型：</label>
                        <select name="blNoMedicalType" id="blNoMedicalType" v-model="checkData.blNoMedicalType">
                            <option value="" selected>请选择</option>
                            <option value="0">首次问卷</option>
                            <option value="1">6个月随访</option>
                            <option value="2">12个月随访</option>
                            <option value="3">18个月随访</option>
                            <option value="4">24个月随访</option>
                        </select>
                    </div>

                    <%-- 可以显示的随访类型：首次、6、12、18、24个月 --%>
                    <div style="margin-bottom:0px;">
                        <label for="surveyer">调查员：</label>
                        <input id="surveyer" type="text" class="height form-control" v-model="checkData.surveyer">
                        <label for="surveyerPhone">调查员手机号：</label>
                        <input type="text" class="weightGuide form-control weight"
                               v-model="checkData.surveyerPhone">
                    </div>
                </div>
            </div>

            <%-- 可以显示的随访类型：首次 --%>
            <%--            折叠按钮开始--%>

            <%--            折叠按钮结束--%>
            <div id="first" v-if="checkData.blNoMedicalType == 0">
                <div class="showToggle" style="width:30px;margin:20px 300px;cursor:pointer;height:30px;">
                    <img class="down" src="${assets}/images/fadeOut.png" alt="" @click="collspse()"
                         style="display:none;">
                    <img class="up" src="${assets}/images/fadeIn.png" alt="" @click="collspse()">
                </div>
                <div id="specialDeal" style="display:none;">
                    <div class="way" class="highDanger">
                        <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                        <span class="title">高危筛查</span>
                        <div class="way_content">
                            <div style="margin-bottom:0px;">
                                <label for="">超声骨密度值T：</label>
                                <input id="boneDensity" type="text" class="height form-control"
                                       v-model="checkData.boneDensity">
                                <span>（T值≤-1：建议双能x线骨密度（DXA）检测）</span>
                            </div>
                            <div style="margin-bottom:0px;">
                                <label for="">FRAX结果：主要骨质疏松性骨折概率：</label>
                                <input type="text" class="height form-control" v-model="checkData.blMajor">
                                <label for="">髋部骨折概率：</label>
                                <input type="text" class="height form-control" v-model="checkData.hip">
                            </div>
                            <div>
                                <label for="osta">OSTA结果：</label>
                                <select name="osta" id="osta" v-model="checkData.osta">
                                    <option value="">请选择</option>
                                    <option value="低">低</option>
                                    <option value="中">中</option>
                                    <option value="高">高</option>
                                </select>
                                <span>中、高危患者建议双能骨密度（DXA）检测</span>
                                <div>OSTA指数 = [体质量（kg）- 年龄（岁）] * 0.2（仅限于女性使用）</div>
                                <div>
                                    <table width="600px" border="1" cellspacing="1px" cellpadding="2px" align="center"
                                           bgcolor="">
                                        <%--<caption>风险级别与OSTA指数参考：</caption>--%>
                                        <thead>
                                        <tr>
                                            <th>风险级别</th>
                                            <th>OSTA指数</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>低</td>
                                            <td>>-1/th>
                                        </tr>
                                        <tr>
                                            <td>中</td>
                                            <td>-1~-4</td>
                                        </tr>
                                        <tr>
                                            <td>高</td>
                                            <td><-4</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <%-- 可以显示的随访类型：首次 --%>
                    <div class="way" v-if="checkData.blNoMedicalType == 0" class="oneMinute">
                        <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                        <span class="title">IOF一分钟测试</span>
                        <div class="way_content">
                            <div>
                                <label for="iofParentBl">1）父母曾被诊断有骨质疏松或曾在轻摔后骨折？</label>
                                <select name="iofParentBl" id="iofParentBl" v-model="checkData.iofParentBl">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofParentHunchback">2）父母中一人有驼背？</label>
                                <select name="iofParentHunchback" id="iofParentHunchback"
                                        v-model="checkData.iofParentHunchback">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofAgeSixty">3）实际年龄超过60岁？</label>
                                <select name="iofAgeSixty" id="iofAgeSixty" v-model="checkData.iofAgeSixty">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofBlFall">4）是否成年后因为轻摔后发生骨折？</label>
                                <select name="iofBlFall" id="iofBlFall" v-model="checkData.iofBlFall">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofFallOften">5）是否经常摔倒（去年超过一次），或因为身体较虚弱而担心摔倒？</label>
                                <select name="iofFallOften" id="iofFallOften" v-model="checkData.iofFallOften">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofHeightThree">6）40岁后的身高是否减少超过3cm以上？</label>
                                <select name="iofHeightThree" id="iofHeightThree" v-model="checkData.iofHeightThree">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofBmiLight">7）是否体质量过轻？（BMI值少于19kg/m2）</label>
                                <select name="iofBmiLight" id="iofBmiLight" v-model="checkData.iofBmiLight">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofMedicineThreeMonth">8）是否曾服用类固醇激素（例如可的松，泼尼松）连续超过3个月？</label>
                                <select name="osta" id="iofMedicineThreeMonth"
                                        v-model="checkData.iofMedicineThreeMonth">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofRa">9）是否患有类风湿关节炎？</label>
                                <select name="iofRa" id="iofRa" v-model="checkData.iofRa">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofThyroid">10）是否被诊断出有甲状腺功能亢进或是甲状旁腺功能亢进、1型糖尿病、克罗恩病或乳糜泻等胃肠疾病或营养不良？</label>
                                <select name="iofThyroid" id="iofThyroid" v-model="checkData.iofThyroid">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofMenopauseFortyFive">11）女士回答：是否在45岁或以前就停经？</label>
                                <select name="iofMenopauseFortyFive" id="iofMenopauseFortyFive"
                                        v-model="checkData.iofMenopauseFortyFive">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofMenopauseMoreTwelveMonth">12）女士回答：除了怀孕、绝经或子宫切除外，是否曾停经超过12个月？</label>
                                <select name="iofMenopauseMoreTwelveMonth" id="iofMenopauseMoreTwelveMonth"
                                        v-model="checkData.iofMenopauseMoreTwelveMonth">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofNoOarium">13）女士回答：是否在50岁前切除卵巢又没有服用雌/孕激素补充剂？</label>
                                <select name="osta" id="iofNoOarium" v-model="checkData.iofNoOarium">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofLibidoDecrease">14）男性回答：是否出现过阳痿、性欲减退或其他雄激素过低的相关症状？</label>
                                <select name="iofLibidoDecrease" id="iofLibidoDecrease"
                                        v-model="checkData.iofLibidoDecrease">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofMoreDrink">15）是否经常大量饮酒（每天饮用超过两单位的乙醇，相当于啤酒1斤、葡萄酒3两或烈性酒1两）？</label>
                                <select name="iofMoreDrink" id="iofMoreDrink" v-model="checkData.iofMoreDrink">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofSmoke">16）目前习惯吸烟，或曾经吸烟？</label>
                                <select name="iofSmoke" id="iofSmoke" v-model="checkData.iofSmoke">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofExerciseLess">17）每天运动量少于30min？（包括做家务、走路和跑步等）</label>
                                <select name="iofExerciseLess" id="iofExerciseLess" v-model="checkData.iofExerciseLess">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofNoMilk">18）是否不能食用乳制品，又没有服用钙片？</label>
                                <select name="iofNoMilk" id="iofNoMilk" v-model="checkData.iofNoMilk">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>
                                <label for="iofNoVitaminD">19）每天从事户外活动时间是否少于10min，又没有服用维生素D？</label>
                                <select name="iofNoVitaminD" id="iofNoVitaminD" v-model="checkData.iofNoVitaminD">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </div>
                            <div>注意：以上筛查方式任一一条阳性即判为骨质疏松高危，需进行首次调查问卷！！！</div>
                            <div>
                                <label for="iofResult">IOF一分钟测试题结果</label>
                                <select name="iofResult" id="iofResult" v-model="checkData.iofResult">
                                    <option value="" selected="selected">请选择</option>
                                    <option value="1">阴性</option>
                                    <option value="2">阳性</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="way">
                <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                <span class="title">问卷调查表</span>
                <div class="way_content">
                    <%-- 可以显示的随访类型：首次 --%>
                    <div v-if="checkData.blNoMedicalType == 0">
                        <label for="dxaDo">曾经是否做过DXA检查（双能x线骨密度）？</label>
                        <select name="dxaDo" id="dxaDo" v-model="checkData.dxaDo">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">否</option>
                            <option value="2">是</option>
                        </select>
                    </div>
                    <%-- 可以显示的随访类型：12、24个月 --%>
                    <div v-if="checkData.blNoMedicalType == 2 || checkData.blNoMedicalType == 4 ">
                        <label for="dxaRepeat">是否复查双能x线骨密度DXA？</label>
                        <select name="dxaRepeat" id="dxaRepeat" v-model="checkData.dxaRepeat">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">否</option>
                            <option value="2">是</option>
                        </select>
                    </div>
                    <div v-if="checkData.dxaDo == 1">
                        <label for="dxaKnow">是否知道有这项DXA检查？</label>
                        <select name="dxaKnow" id="dxaKnow" v-model="checkData.dxaKnow">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">知道</option>
                            <option value="2">不知道</option>
                        </select>
                    </div>
                    <div v-if="checkData.dxaDo == 2">
                        <label for="dxaDoTime">骨折前还是骨折后做的DXA检查？</label>
                        <select name="dxaDoTime" id="dxaDoTime"
                                v-model="checkData.dxaDoTime">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">骨折前</option>
                            <option value="2">骨折后</option>
                        </select>
                        <input type="number" class="height form-control" v-model="checkData.dxaCountPerYear">
                        <span>次/年</span>
                        <span>*</span>
                        <input type="number" class="height form-control" v-model="checkData.dxaYears">
                        <span>年</span>
                    </div>

                    <%-- 可以显示的随访类型：首次、6、12、18、24个月 --%>
                    <div class="sign_content third" style="margin-left:0px;margin-bottom:20px;">
                        <div style="margin-bottom:0px;">
                            <label for="height">身高：</label>
                            <input type="text" name="height" id="height" class="height form-control"
                                   v-model="checkData.height">
                            <span style="left:100px;">cm</span>
                        </div>
                        <div style="margin-bottom:0px;">
                            <label for="weight">体重：</label>
                            <input type="text" name="weight" id="weight" class="weightGuide form-control weight"
                                   v-model="checkData.weight">
                            <span style="left:105px;">kg</span>
                        </div>
                        <div style="margin-bottom:0px;">
                            <label for="bmi">BMI：</label>
                            <input type="text" name="bmi" id="bmi" class="bmi form-control" v-model="BMI">
                            <span style="left:80px;">kg/m²</span>
                        </div>
                    </div>

                    <%-- 可以显示的随访类型：首次、6、12、18、24个月 --%>
                    <div>
                        <label v-if="checkData.blNoMedicalType == 0" for="heightLess">身高较年轻时有无变矮？</label>
                        <label v-if="checkData.blNoMedicalType == 1 || checkData.blNoMedicalType == 2
                        || checkData.blNoMedicalType == 3 || checkData.blNoMedicalType == 4 " for="heightLess">身高缩短（较去年）？</label>
                        <select name="heightLess" id="heightLess" v-model="checkData.heightLess">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">无</option>
                            <option value="2">矮<2cm</option>
                            <option value="3">2cm<=矮<4cm</option>
                            <option value="4">矮≥4cm</option>
                        </select>
                    </div>
                    <%-- 可以显示的随访类型：首次、6、12、18、24个月 --%>
                    <div>
                        <label for="humpback">有无驼背？</label>
                        <select name="humpback" id="humpback" v-model="checkData.humpback">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">无</option>
                            <option value="2">有</option>
                        </select>
                    </div>

                    <%-- 可以显示的随访类型：首次 --%>
                    <div class="sign_content third" style="margin-left:0px;margin-bottom:20px;"
                         v-if="checkData.blNoMedicalType == 0">
                        <div style="margin-bottom:0px;">
                            <label for="menopause">女性回答：绝经年龄：</label>
                            <input type="text" name="menopause" id="menopause" class="height form-control"
                                   v-model="checkData.menopause">
                            <span style="left:100px;">岁</span>
                        </div>
                        <div style="margin-bottom:0px; margin-left: 120px">
                            <label for="gestation">妊娠次数：</label>
                            <input type="text" name="gestation" id="gestation" class="weightGuide form-control weight"
                                   v-model="checkData.gestation">
                            <span style="left: 110px;">次</span>
                        </div>
                    </div>

                    <%-- 可以显示的随访类型：首次、6、12、18、24个月 --%>
                    <div>
                        <label v-if="checkData.blNoMedicalType == 0" for="fall">最近1年的跌倒次数：</label>
                        <label v-if="checkData.blNoMedicalType == 1 || checkData.blNoMedicalType == 2
                         || checkData.blNoMedicalType == 3 || checkData.blNoMedicalType == 4"
                               for="fall">最近6月的跌倒次数：</label>
                        <select name="fall" id="fall" v-model="checkData.fall">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">无</option>
                            <option value="2">1次</option>
                            <option value="3">>1次</option>
                        </select>
                    </div>
                    <%-- 可以显示的随访类型：首次、6、12、18、24个月 --%>
                    <div>
                        <label for="smoke">是否经常吸烟？</label>
                        <select name="smoke" id="smoke" v-model="checkData.smoke">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">否</option>
                            <option value="2">是</option>
                        </select>
                        <span v-if="checkData.smoke == 2">
                            <input type="text" name="smokeCountPerDay" id="smokeCountPerDay" class="height form-control"
                                   v-model="checkData.smokeCountPerDay">
                            <span style="left:100px;">支/天*</span>
                            <input type="text" name="smokeYear" id="smokeYear" class="weightGuide form-control weight"
                                   v-model="checkData.smokeYear">
                            <span style="left:105px;">年</span>
                        </span>
                    </div>

                    <%-- 可以显示的随访类型：首次、6、12、18、24个月 --%>
                    <div>
                        <label for="drink">是否经常饮酒？</label>
                        <select name="drink" id="drink" v-model="checkData.drink">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">否</option>
                            <option value="2">是</option>
                        </select>
                        <div v-if="checkData.drink == 2">
                            <label for="drinkType">喝哪种酒？</label>
                            <select name="drinkType" id="drinkType" v-model="checkData.drinkType">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">啤酒</option>
                                <option value="2">葡萄酒</option>
                                <option value="3">白酒</option>
                                <option value="4">黄酒</option>
                            </select>

                            <label for="drinkMl">饮酒量：</label>
                            <input type="text" name="drinkMl" id="drinkMl" class="height form-control"
                                   v-model="checkData.drinkMl">
                            <span style="left:100px;">ml/天*</span>
                            <input type="text" name="drinkYear" id="drinkYear" class="weightGuide form-control weight"
                                   v-model="checkData.drinkYear">
                            <span style="left:105px;">年</span>
                        </div>
                    </div>

                    <%-- 可以显示的随访类型：首次、6、12、18、24个月 --%>
                    <div>
                        <label for="tea">是否经常喝浓茶？</label>
                        <select name="tea" id="tea" v-model="checkData.tea">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">否</option>
                            <option value="2">是</option>
                        </select>
                        <div v-if="checkData.tea == 2">
                            <label for="teaType">哪种茶？</label>
                            <select name="teaType" id="teaType" v-model="checkData.teaType">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">红茶</option>
                                <option value="2">绿茶</option>
                                <option value="3">其他</option>
                            </select>

                            <label for="teaMl">浓茶量：</label>
                            <input type="text" name="teaMl" id="teaMl" class="height form-control"
                                   v-model="checkData.teaMl">
                            <span style="left:100px;">ml/天*</span>
                            <input type="text" name="teaYear" id="teaYear" class="weightGuide form-control weight"
                                   v-model="checkData.teaYear">
                            <span style="left:105px;">年</span>
                        </div>
                    </div>

                    <%-- 可以显示的随访类型：首次、6、12、18、24个月 --%>
                    <div>
                        <label for="coffee">是否经常喝咖啡？</label>
                        <select name="coffee" id="coffee" v-model="checkData.coffee">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">否</option>
                            <option value="2">是</option>
                        </select>
                        <div v-if="checkData.coffee == 2">
                            <input type="text" name="coffeeMl" id="coffeeMl" class="height form-control"
                                   v-model="checkData.coffeeMl">
                            <span style="left:100px;">ml/天*</span>
                            <input type="text" name="coffeeYear" id="coffeeYear" class="weightGuide form-control weight"
                                   v-model="checkData.coffeeYear">
                            <span style="left:105px;">年</span>
                        </div>
                    </div>

                    <%-- 可以显示的随访类型：首次、6、12、18、24个月 --%>
                    <div>
                        <label for="milk">是否经常饮用乳制品？</label>
                        <select name="milk" id="milk" v-model="checkData.milk">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">否</option>
                            <option value="2">是</option>
                        </select>
                        <div v-if="checkData.milk == 2">
                            <label for="milkType">哪种乳制品？</label>
                            <select name="milkType" id="milkType" v-model="checkData.milkType">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">新鲜牛奶</option>
                                <option value="2">酸奶</option>
                                <option value="3">奶粉</option>
                            </select>

                            <label for="milkMl">饮用量：</label>
                            <input type="text" name="milkMl" id="milkMl" class="height form-control"
                                   v-model="checkData.milkMl">
                            <span style="left:100px;">ml/天*</span>
                            <input type="text" name="milkYear" id="milkYear" class="weightGuide form-control weight"
                                   v-model="checkData.milkYear">
                            <span style="left:105px;">年</span>
                        </div>
                    </div>

                    <%-- 可以显示的随访类型：首次、6、12、18、24个月 --%>
                    <div>
                        <label for="exercise">是否经常运动？</label>
                        <select name="exercise" id="exercise" v-model="checkData.exercise">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">否</option>
                            <option value="2">是</option>
                        </select>
                        <div v-if="checkData.exercise == 2">
                            <label for="exerciseType">主要运动方式：</label>
                            <select name="exerciseType" id="exerciseType" v-model="checkData.exerciseType">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">散步</option>
                                <option value="2">快走</option>
                                <option value="3">舞蹈</option>
                                <option value="4">太极拳</option>
                                <option value="5">游泳</option>
                                <option value="6">跑步</option>
                                <option value="7">其他</option>
                            </select>

                            <label for="exerciseMinPerDay">平均运动时间：</label>
                            <input type="text" name="exerciseMinPerDay" id="exerciseMinPerDay"
                                   class="height form-control"
                                   v-model="checkData.exerciseMinPerDay">
                            <span style="left:100px;">分钟/天*</span>
                            <input type="text" name="exerciseYear" id="exerciseYear"
                                   class="weightGuide form-control weight"
                                   v-model="checkData.exerciseYear">
                            <span style="left:105px;">年</span>
                        </div>
                    </div>

                    <%-- 可以显示的随访类型：6、12、18、24个月 --%>
                    <div v-if="checkData.blNoMedicalType != 0">
                        <label for="clinic">是否定期至骨质疏松专科门诊就诊？</label>
                        <select name="clinic" id="clinic" v-model="checkData.clinic">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">否</option>
                            <option value="2">是</option>
                        </select>
                    </div>

                    <%-- 可以显示的随访类型：首次 --%>
                    <div v-if="checkData.blNoMedicalType == 0">
                        <label for="dietary">饮食习惯？</label>
                        <select name="dietary" id="dietary" v-model="checkData.dietary">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">普通膳食</option>
                            <option value="2">素食或基本素食</option>
                        </select>
                    </div>

                    <%-- 可以显示的随访类型：首次、6、12、18、24个月 --%>
                    <div>
                        <label v-if="checkData.blNoMedicalType == 0" for="selffractu">成年后是否发生过骨折？</label>
                        <label v-if="checkData.blNoMedicalType == 1 || checkData.blNoMedicalType == 2 || checkData.blNoMedicalType == 3 || checkData.blNoMedicalType == 4"
                               for="selffractu">有无新发骨折？</label>
                        <select name="selffractu" id="selffractu" v-model="checkData.selffractu">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">否</option>
                            <option value="2">是</option>
                        </select>
                        <div v-if="checkData.selffractu == 2">
                            <label for="selffractuFirstPlace">第一次骨折部位：</label>
                            <select name="selffractuFirstPlace" id="selffractuFirstPlace"
                                    v-model="checkData.selffractuFirstPlace">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">髋部</option>
                                <option value="2">椎体</option>
                                <option value="3">前臂</option>
                                <option value="4">肱骨</option>
                                <option value="5">其他</option>
                            </select>

                            <label for="selffractuFirstAge">第一次骨折年龄：</label>
                            <input type="text" name="selffractuFirstAge" id="selffractuFirstAge"
                                   class="height form-control"
                                   v-model="checkData.selffractuFirstAge">
                            <span style="left:100px;">岁</span>

                            <label for="selffractuFirstReason">第一次骨折原因：</label>
                            <select name="selffractuFirstReason" id="selffractuFirstReason"
                                    v-model="checkData.selffractuFirstReason">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">脆性</option>
                                <option value="2">暴力</option>
                            </select>
                        </div>

                        <div v-if="checkData.selffractu == 2">
                            <label for="selffractuSecondPlace">第二次骨折部位：</label>
                            <select name="selffractuSecondPlace" id="selffractuSecondPlace"
                                    v-model="checkData.selffractuSecondPlace">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">髋部</option>
                                <option value="2">椎体</option>
                                <option value="3">前臂</option>
                                <option value="4">肱骨</option>
                                <option value="5">其他</option>
                            </select>

                            <label for="selffractuSecondAge">第二次骨折年龄：</label>
                            <input type="text" name="selffractuSecondAge" id="selffractuSecondAge"
                                   class="height form-control"
                                   v-model="checkData.selffractuSecondAge">
                            <span style="left:100px;">岁</span>

                            <label for="selffractuSecondReason">第二次骨折原因：</label>
                            <select name="selffractuSecondReason" id="selffractuSecondReason"
                                    v-model="checkData.selffractuSecondReason">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">脆性</option>
                                <option value="2">暴力</option>
                            </select>
                        </div>

                        <div v-if="checkData.selffractu == 2">
                            <label for="selffractuThirdPlace">第三次骨折部位：</label>
                            <select name="selffractuThirdPlace" id="selffractuThirdPlace"
                                    v-model="checkData.selffractuThirdPlace">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">髋部</option>
                                <option value="2">椎体</option>
                                <option value="3">前臂</option>
                                <option value="4">肱骨</option>
                                <option value="5">其他</option>
                            </select>

                            <label for="selffractuThirdAge">第三次骨折年龄：</label>
                            <input type="text" name="selffractuThirdAge" id="selffractuThirdAge"
                                   class="height form-control"
                                   v-model="checkData.selffractuThirdAge">
                            <span style="left:100px;">岁</span>

                            <label for="selffractuThirdReason">第三次骨折原因：</label>
                            <select name="selffractuThirdReason" id="selffractuThirdReason"
                                    v-model="checkData.selffractuThirdReason">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">脆性</option>
                                <option value="2">暴力</option>
                            </select>
                        </div>
                        <div v-if="checkData.selffractu == 2">
                            <label for="selffractuDesc">骨折史描述：</label>
                            <input type="text" name="selffractuDesc" id="selffractuDesc" class="height form-control"
                                   style="width: 800px"
                                   v-model="checkData.selffractuDesc" />
                        </div>
                    </div>

                    <%-- 可以显示的随访类型：首次 --%>
                    <div v-if="checkData.blNoMedicalType == 0">
                        <label for="parentFracture">父母亲成年后是否发生过骨折？</label>
                        <select name="parentFracture" id="parentFracture" v-model="checkData.parentFracture">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">否</option>
                            <option value="2">是</option>
                        </select>
                        <div v-if="checkData.parentFracture == 2">
                            <label for="parentFractureFirstPlace">父母亲第一次骨折部位：</label>
                            <select name="parentFractureFirstPlace" id="parentFractureFirstPlace"
                                    v-model="checkData.parentFractureFirstPlace">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">髋部</option>
                                <option value="2">椎体</option>
                                <option value="3">前臂</option>
                                <option value="4">肱骨</option>
                                <option value="5">其他</option>
                            </select>

                            <label for="parentFractureFirstAge">父母亲第一次骨折年龄：</label>
                            <input type="text" name="parentFractureFirstAge" id="parentFractureFirstAge"
                                   class="height form-control"
                                   v-model="checkData.parentFractureFirstAge">
                            <span style="left:100px;">岁</span>

                            <label for="parentFractureFirstReason">父母亲第一次骨折原因：</label>
                            <select name="parentFractureFirstReason" id="parentFractureFirstReason"
                                    v-model="checkData.parentFractureFirstReason">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">脆性</option>
                                <option value="2">暴力</option>
                            </select>
                        </div>

                        <div v-if="checkData.parentFracture == 2">
                            <label for="parentFractureSecondPlace">父母亲第二次骨折部位：</label>
                            <select name="parentFractureSecondPlace" id="parentFractureSecondPlace"
                                    v-model="checkData.parentFractureSecondPlace">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">髋部</option>
                                <option value="2">椎体</option>
                                <option value="3">前臂</option>
                                <option value="4">肱骨</option>
                                <option value="5">其他</option>
                            </select>

                            <label for="parentFractureSecondAge">父母亲第二次骨折年龄：</label>
                            <input type="text" name="parentFractureSecondAge" id="parentFractureSecondAge"
                                   class="height form-control"
                                   v-model="checkData.parentFractureSecondAge">
                            <span style="left:100px;">岁</span>

                            <label for="parentFractureSecondReason">父母亲第二次骨折原因：</label>
                            <select name="parentFractureSecondReason" id="parentFractureSecondReason"
                                    v-model="checkData.parentFractureSecondReason">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">脆性</option>
                                <option value="2">暴力</option>
                            </select>
                        </div>

                        <div v-if="checkData.parentFracture == 2">
                            <label for="parentFractureThirdPlace">父母亲第三次骨折部位：</label>
                            <select name="parentFractureThirdPlace" id="parentFractureThirdPlace"
                                    v-model="checkData.parentFractureThirdPlace">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">髋部</option>
                                <option value="2">椎体</option>
                                <option value="3">前臂</option>
                                <option value="4">肱骨</option>
                                <option value="5">其他</option>
                            </select>

                            <label for="parentFractureThirdAge">父母亲第三次骨折年龄：</label>
                            <input type="text" name="parentFractureThirdAge" id="parentFractureThirdAge"
                                   class="height form-control"
                                   v-model="checkData.parentFractureThirdAge">
                            <span style="left:100px;">岁</span>

                            <label for="parentFractureThirdReason">父母亲第三次骨折原因：</label>
                            <select name="parentFractureThirdReason" id="parentFractureThirdReason"
                                    v-model="checkData.parentFractureThirdReason">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">脆性</option>
                                <option value="2">暴力</option>
                            </select>
                        </div>
                    </div>

                    <%-- 可以显示的随访类型：首次、6、12、18、24个月 --%>
                    <div>
                        <label v-if="checkData.blNoMedicalType == 0" for="disease">是否有以下疾病史？</label>
                        <label v-if="checkData.blNoMedicalType == 1 || checkData.blNoMedicalType == 2 || checkData.blNoMedicalType == 3 || checkData.blNoMedicalType == 4"
                               for="disease">是否新增以下疾病史？</label>
                        <label>1-甲亢；2-甲旁亢；3-糖尿病；4-类风湿关节炎；5-慢性肝病；6-慢性肾病；7-恶性肿瘤；8-偏瘫；9-帕金森病；10-慢性腹泻；11-冠心病；12-慢性支气管炎</label>
                        <select name="disease" id="disease" v-model="checkData.disease">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">否</option>
                            <option value="2">是</option>
                        </select>
                        <div v-if="checkData.disease == 2">
                            <label for="dieaseType">疾病类型：</label>
                            <select name="dieaseType" id="dieaseType" v-model="checkData.dieaseType">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">甲亢</option>
                                <option value="2">甲旁亢</option>
                                <option value="3">糖尿病</option>
                                <option value="4">类风湿关节炎</option>
                                <option value="5">慢性肝病</option>
                                <option value="6">慢性肾病</option>
                                <option value="7">恶性肿瘤</option>
                                <option value="8">偏瘫</option>
                                <option value="9">帕金森病</option>
                                <option value="10">慢性腹泻</option>
                                <option value="11">冠心病</option>
                                <option value="12">慢性支气管炎</option>
                                <option value="13">其他疾病史</option>
                            </select>
                        </div>
                        <div v-if="checkData.disease == 2">
                            <label for="diseaseDesc">疾病史描述：</label>
                            <input type="text" name="diseaseDesc" id="diseaseDesc" class="height form-control"
                                   style="width: 800px"
                                   v-model="checkData.diseaseDesc" />
                        </div>
                    </div>

                    <%-- 可以显示的随访类型：首次、6、12、18、24个月 --%>
                    <div>
                        <label v-if="checkData.blNoMedicalType == 0" for="medicine">是否有长期服用以下药物史？</label>
                        <label v-if="checkData.blNoMedicalType == 1 || checkData.blNoMedicalType == 2 || checkData.blNoMedicalType == 3 || checkData.blNoMedicalType == 4"
                               for="medicine">是否有新增长期服用以下药物史？</label>
                        <label>1-糖皮质激素；2-免疫抑制剂；3-肿瘤化疗药；4-抗抑郁药；5-质子泵抑制剂；6-抗乙肝病毒药；7-抗癫痫药；8-甲状腺激素</label>
                        <select name="medicine" id="medicine" v-model="checkData.medicine">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">否</option>
                            <option value="2">是</option>
                        </select>
                        <div v-if="checkData.medicine == 2">
                            <label for="medicineType">药物类型：</label>
                            <select name="medicineType" id="medicineType" v-model="checkData.medicineType">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">糖皮质激素</option>
                                <option value="2">免疫抑制剂</option>
                                <option value="3">肿瘤化疗药</option>
                                <option value="4">抗抑郁药</option>
                                <option value="5">质子泵抑制剂</option>
                                <option value="6">抗乙肝病毒药</option>
                                <option value="7">抗癫痫药</option>
                                <option value="8">甲状腺激素</option>
                                <option value="9">其他药物</option>
                            </select>
                            <span v-if="checkData.medicine == 2">
                            <label for="medicineDesc">药物史描述：</label>
                            <input type="text" name="medicineDesc" id="medicineDesc" class="height form-control"
                                   style="width: 400px"
                                   v-model="checkData.medicineDesc" />
                        </span>
                        </div>
                    </div>

                    <%-- 可以显示的随访类型：首次、6、12、18、24个月 --%>
                    <div>
                        <label v-if="checkData.blNoMedicalType == 0" for="operation">是否有手术史？1.卵巢切除史；2-子宫切除史；3-胃肠切除史；4-其他手术史</label>
                        <label v-if="checkData.blNoMedicalType == 1 || checkData.blNoMedicalType == 2 || checkData.blNoMedicalType == 3 || checkData.blNoMedicalType == 4"
                               for="operation">是否有新增手术史？1.卵巢切除史；2-子宫切除史；3-胃肠切除史；4-其他手术史</label>
                        <select name="operation" id="operation" v-model="checkData.operation">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">否</option>
                            <option value="2">是</option>
                        </select>
                        <div v-if="checkData.operation == 2">
                            <label for="operationType">手术类型：</label>
                            <select name="operationType" id="operationType" v-model="checkData.operationType">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">卵巢切除史</option>
                                <option value="2">子宫切除史</option>
                                <option value="3">胃肠切除史</option>
                                <option value="4">其他手术史</option>
                            </select>
                            <input type="text" name="operationOther" id="operationOther" class="height form-control"
                                   v-if="checkData.operationType == 4"
                                   v-model="checkData.operationOther">
                        </div>
                    </div>

                    <div>
                        <%-- 可以显示的随访类型：首次 --%>
                        <div v-if="checkData.blNoMedicalType == 0">
                            <label for="blMedicine">既往是否服用过抗骨质疏松药物？1-钙片；2-维生素D制剂；3-抗骨质疏松药物（如福美加、唑来腾酸等）</label>
                            <select name="blMedicine" id="blMedicine" v-model="checkData.blMedicine">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">否</option>
                                <option value="2">是</option>
                            </select>
                        </div>

                        <%-- 可以显示的随访类型：6、12、18、24个月 --%>
                        <div v-if="checkData.blNoMedicalType != 0">
                            <label for="takemed">是否按时服用抗骨质疏松药物？</label>
                            <select name="takemed" id="takemed" v-model="checkData.takemed">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">否</option>
                                <option value="2">是</option>
                            </select>
                        </div>

                        <div v-if="checkData.blMedicine == 2 || checkData.takemed == 2">
                            <label for="blMedicineTime">何时开始服用？</label>
                            <select name="blMedicineTime" id="blMedicineTime" v-model="checkData.blMedicineTime">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">骨折前</option>
                                <option value="2">骨折后</option>
                            </select>

                            <label for="blMedicineType">服用药物情况：</label>
                            <select name="blMedicineType" id="blMedicineType" style="width: 330px"
                                    v-model="checkData.blMedicineType">
                                <option value="" selected="selected">请选择</option>
                                <option value="1">钙片</option>
                                <option value="2">维生素D制剂</option>
                                <option value="3">抗骨质疏松药物（如福美加、唑来腾酸等）</option>
                            </select>
                        </div>
                    </div>


                    <%-- 可以显示的随访类型：首次、6、12、18、24个月 --%>
                    <div>
                        <label for="painScore">疼痛评分（VAS，0~10分）</label>
                        <input type="number" name="painScore" id="painScore" class="height form-control"
                               v-model="checkData.painScore">

                        <label for="painPlace">主要疼痛部位：</label>
                        <select name="painPlace" id="painPlace" v-model="checkData.painPlace">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">腰背</option>
                            <option value="2">四肢</option>
                            <option value="3">关节</option>
                            <option value="4">其他</option>
                        </select>
                    </div>

                    <%-- 可以显示的随访类型：首次 --%>
                    <div v-if="checkData.blNoMedicalType == 0">
                        <label for="standWalkTest">跌倒风险评估：起立-行走测试时间TUG：</label>
                        <select name="standWalkTest" id="standWalkTest" v-model="checkData.standWalkTest">
                            <option value="" selected="selected">请选择</option>
                            <option value="1"><12秒</option>
                            <option value="2">>=12秒</option>
                        </select>
                        <span v-if="checkData.blNoMedicalType == 0">
                            <label for="tugTime">TUG(s)：</label>
                            <input type="text" name="tugTime" id="tugTime" class="height form-control"
                                   style="width: 200px"
                                   v-model="checkData.tugTime" />
                        </span>
                    </div>

                    <div>

                        <label for="tlXCheck">是否行胸腰椎X线检查：</label>
                        <select name="tlXCheck" id="tlXCheck" v-model="checkData.tlXCheck">
                            <option value="" selected="selected">请选择</option>
                            <option value="0">否</option>
                            <option value="1">是</option>
                        </select>
                    </div>

                    <div>
                        <label for="centrumSelffractu">是否发现椎体骨折：</label>
                        <select name="centrumSelffractu" id="centrumSelffractu" v-model="checkData.centrumSelffractu">
                            <option value="" selected="selected">请选择</option>
                            <option value="0">否</option>
                            <option value="1">是</option>
                        </select>
                    </div>


                </div>
            </div>

            <%-- 可以显示的随访类型：首次、12、24个月 --%>
            <div class="way"
                 v-if="checkData.blNoMedicalType == 0 || checkData.blNoMedicalType == 2 || checkData.blNoMedicalType == 4">
                <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                <span class="title">EQ-5D健康问卷</span>
                <div class="way_content">
                    <div>
                        <label for="walkAction">1）行动：</label>
                        <select name="walkAction" id="walkAction" style="width:250px" v-model="checkData.walkAction">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">我可以四处走动，没有任何困难</option>
                            <option value="2">我行动有些不方便</option>
                            <option value="3">我不能下床活动</option>
                        </select>
                    </div>
                    <div>
                        <label for="selfCare">2）自己照顾自己：</label>
                        <select name="selfCare" id="selfCare" style="width:330px" v-model="checkData.selfCare">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">我能自己照顾自己，没有任何困难</option>
                            <option value="2">我在洗脸、刷牙、洗澡或穿衣方面有些困难</option>
                            <option value="3">我无法自己洗脸、刷牙、洗澡或穿衣</option>
                        </select>
                    </div>
                    <div>
                        <label for="dailyAction">3）日常活动（如工作、学习、家务事、家庭或休闲活动）：</label>
                        <select name="dailyAction" id="dailyAction" style="width:250px" v-model="checkData.dailyAction">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">我能进行日常活动，没有任何困难</option>
                            <option value="2">我在进行日常活动方面有些困难</option>
                            <option value="3">我无法进行日常活动</option>
                        </select>
                    </div>
                    <div>
                        <label for="painType">4）疼痛/不舒服：</label>
                        <select name="painType" id="painType" style="width:250px" v-model="checkData.painType">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">我没有任何疼痛或不舒服</option>
                            <option value="2">我觉得中度疼痛或不舒服</option>
                            <option value="3">我觉得极度疼痛或不舒服</option>
                        </select>
                    </div>
                    <div>
                        <label for="anxiety">5）焦虑（如紧张、担心、不安等等）/抑郁（如做事情缺乏兴趣、没乐趣、提不起精神等等）：</label>
                        <select name="anxiety" id="anxiety" style="width:250px" v-model="checkData.anxiety">
                            <option value="" selected="selected">请选择</option>
                            <option value="1">我不觉得焦虑或抑郁</option>
                            <option value="2">我觉得中度焦虑或抑郁</option>
                            <option value="3">我觉得极度焦虑或抑郁</option>
                        </select>
                    </div>
                    <div>
                        <label for="healthScore">您今天的健康状况分（0～100；最好100；最差0）：</label>
                        <input type="number" name="healthScore" id="healthScore" class="height form-control"
                               v-model="checkData.healthScore">
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<script>
    function collspse() {
        var display = $('#specialDeal').css('display');

        if (display == 'none') {
            $('#specialDeal').show();
            $('.up').hide();
            $('.down').show();
        } else {
            $('#specialDeal').hide();
            $('.collapse').text('显示');
            $('.up').show();
            $('.down').hide();
        }
    }

    var vm = new Vue({
        el: "#main",
        data: {
            infor: [], // 病人基本信息 data
            synchronous: false,
            saveDisabled: false,
            lineChestSelect: [],
            medical: false,
            medicalList: [],
            BMI: '',
            type: '',
            chemistryName: '',
            productName: '',
            consumption: '',
            frequency: '',
            mode: '',
            useStop: '',
            DXA: false,
            score: false,
            showCurd: false,
            idCard: '',
            id: '',
            checkData: {

                // 无药物骨松随访 start
                blNoMedicalType: '',
                boneDensity: '',
                blMajor: '',
                hip: '',
                osta: '',
                iofParentBl: '',
                iofParentHunchback: '',
                iofAgeSixty: '',
                iofBlFall: '',
                iofFallOften: '',
                iofHeightThree: '',
                iofBmiLight: '',
                iofMedicineThreeMonth: '',
                iofRa: '',
                iofThyroid: '',
                iofMenopauseFortyFive: '',
                iofMenopauseMoreTwelveMonth: '',
                iofNoOarium: '',
                iofLibidoDecrease: '',
                iofMoreDrink: '',
                iofSmoke: '',
                iofExerciseLess: '',
                iofNoMilk: '',
                iofNoVitaminD: '',
                iofResult: '',
                dxaDo: '',
                dxaKnow: '',
                dxaDoTime: '',
                dxaCountPerYear: '',
                dxaYears: '',
                height: '',
                weight: '',
                bmi: '',
                heightLess: '',
                humpback: '',
                menopause: '',
                gestation: '',
                fall: '',
                smoke: '',
                smokeCountPerDay: '',
                smokeYear: '',
                drink: '',
                drinkType: '',
                drinkMl: '',
                drinkYear: '',
                tea: '',
                teaType: '',
                teaMl: '',
                teaYear: '',
                coffee: '',
                coffeeMl: '',
                coffeeYear: '',
                milk: '',
                milkType: '',
                milkMl: '',
                milkYear: '',
                exercise: '',
                exerciseType: '',
                exerciseMinPerDay: '',
                exerciseYear: '',
                dietary: '',
                selffractu: '',
                selffractuFirstPlace: '',
                selffractuFirstAge: '',
                selffractuFirstReason: '',
                selffractuSecondPlace: '',
                selffractuSecondAge: '',
                selffractuSecondReason: '',
                selffractuThirdPlace: '',
                selffractuThirdAge: '',
                selffractuThirdReason: '',
                selffractuDesc: '',
                parentFracture: '',
                parentFractureFirstPlace: '',
                parentFractureFirstAge: '',
                parentFractureFirstReason: '',
                parentFractureSecondPlace: '',
                parentFractureSecondAge: '',
                parentFractureSecondReason: '',
                parentFractureThirdPlace: '',
                parentFractureThirdAge: '',
                parentFractureThirdReason: '',
                disease: '',
                dieaseType: '',
                diseaseDesc: '',
                medicine: '',
                medicineType: '',
                medicineDesc: '',
                operation: '',
                operationType: '',
                operationOther: '',
                blMedicine: '',
                blMedicineTime: '',
                blMedicineType: '',
                painScore: '',
                painPlace: '',
                standWalkTest: '',
                tugTime: '',
                tlXCheck: '',
                centrumSelffractu: '',
                clinic: '',
                takemed: '',
                dxaRepeat: '',
                walkAction: '',
                selfCare: '',
                dailyAction: '',
                painType: '',
                anxiety: '',
                healthScore: '',
                // 无药物骨松随访 end

                //
                doctorName: '',
                accompanyTime: '',
                accompanyType: '',
                doctorId: '',
                // nextAccompanyTime: '',
                // medicalList: [],
                // linePhoto: '',
                // 当点击修改的时候才有的对应 id
                id: '',
                // 身份证
                idCard: '',
                accompanyBlId: '',
            }
        },
        mounted() {
            initLayDate('#accompanyTime');

            let that = this;
            let search = location.search.split('?')[1];
            console.log('search data: ' + search);
            // 初始化获取默认今天
            let [namr, value] = search.split('&')[0].split('=');
            that.idCard = value; // that.idCard 是当前身份证号
            that.checkData.idCard = that.idCard;
            let [idName, idValue] = search.split('&')[1].split('=');
            that.accompanyBlId = idValue; // idValue 是修改时，传递的 id
            that.checkData.accompanyBlId = that.accompanyBlId;
            // 获取用药数据
            var date = that.getNowFormatDate();
            that.checkData.accompanyTime = date;
            var year = date.slice(0, 4)
            // 获取月份
            var month = date.slice(5, 7)
            if (parseInt(month) + 3 > 12) {
                month = parseInt(month) + 3 - 12
                year = parseInt(year) + 1
            } else {
                month = parseInt(month) + 3
            }
            if (String(month).length <= 1) {
                month = '0' + month
            }
            // 获取日期
            var day = date.slice(8, 10);
            if (parseInt(month) === 2) {
                if (parseInt(day) > 28) {
                    day = '01'
                }
            } else if (parseInt(month) === 4 && parseInt(month) === 6 && parseInt(month) === 9 && parseInt(month) === 11) {
                if (parseInt(day) > 30) {
                    day = '01'
                }
            }
            var time = year + '-' + month + '-' + day;
            that.checkData.nextAccompanyTime = time;

            // 获取病人基本信息
            $.ajax({
                url: "${URL_PATIENT_PATIENTINFO}",
                type: 'post',
                dataType: "json",
                data: {
                    idCard: that.idCard
                },
                success: function (data) {
                    that.infor = data.data;
                    console.log(that.infor);
                    that.infor.diseasesType = Type(that.infor.diseasesType);
                    that.id = that.infor.id;
                    // that.idCard = url;
                    sessionStorage.setItem('BMI', that.infor.bMI);
                    sessionStorage.setItem('age', that.infor.age);
                }
            })

            // 获取图表数据
            if (idValue != '') {
                // 修改
                that.accompanyBlId = idValue;
                that.showCurd = true;
                // 初始化获取诊疗数据
                $.ajax({
                    url: '${URL_ACCOMPANY_BLDATA_NO_MEDICAL}',
                    data: {
                        accompanyBlId: that.accompanyBlId
                    },
                    dataType: 'json',
                    type: 'post',
                    success: function (res) {
                        // console.debug('show res: ' + JSON.stringify(res));
                        if (res.code == '0') {
                            that.id = res.data.id;
                            that.checkData = res.data;
                        }
                    }
                })
            } else {
                // 新增
                // 初始化默认随诊日期为今天
                that.checkData.accompanyTime = that.getNowFormatDate();
            }
        },
        created() {
            this.getFirstData();

        },
        methods: {
            getFirstData() {
                let that = this;
                $.ajax({
                    url: '${URL_SCREENING_BLLIST}?idCard=' + that.checkData.idCard,
                    contentType: 'application/json;charset=utf-8',
                    type: 'post',
                    success: function (data) {

                        var data = JSON.parse(data); //可以将json字符串转换成json对象
                        var id = data.dataList[0].id;

                        $.ajax({
                            url: "${URL_SCREENING_BLDATA}",
                            dataType: 'json',
                            data: {
                                id: id
                            },
                            type: 'post',
                            success: function (res) {
                                that.id = res.data.id;
                                that.checkData.iofParentHunchback = that.isNull(res.data.humpback);
                                that.checkData.iofParentBl = that.isNull(res.data.hadBl);
                                that.checkData.iofBlFall = that.isNull(res.data.fallFracture);
                                that.checkData.iofFallOften = that.isNull(res.data.oftenFall);
                                that.checkData.iofHeightThree = that.isNull(res.data.reduceHeight);
                                that.checkData.iofBmiLight = that.isNull(res.data.lowWeight);
                                that.checkData.iofMedicineThreeMonth = that.isNull(res.data.medicineThreeMonth);
                                that.checkData.iofRa = that.isNull(res.data.arthritis);
                                that.checkData.iofThyroid = that.isNull(res.data.thyroid);
                                that.checkData.iofMenopauseFortyFive = that.isNull(res.data.menstruationAgo);
                                that.checkData.iofMenopauseMoreTwelveMonth = that.isNull(res.data.menstruationAgo);
                                that.checkData.iofMoreDrink = that.isNull(res.data.drinkWine);

                                that.checkData.iofSmoke = that.isNull(res.data.smoke);
                                that.checkData.iofExerciseLess = that.isNull(res.data.sportLess);
                                that.checkData.iofNoMilk = that.isNull(res.data.notCalcium);
                                that.checkData.blMajor = that.isNull(res.data.osteoporosis);
                                that.checkData.hip = that.isNull(res.data.fracture);
                            }
                        })

                    }
                })
            },
            getNowFormatDate() {
                var date = new Date();
                var seperator1 = "-";
                var year = date.getFullYear();
                var month = date.getMonth() + 1;
                var strDate = date.getDate();
                if (month >= 1 && month <= 9) {
                    month = "0" + month;
                }
                if (strDate >= 0 && strDate <= 9) {
                    strDate = "0" + strDate;
                }
                var currentdate = year + seperator1 + month + seperator1 + strDate;
                return currentdate;
            },

            //修改病人基本信息
            addDevice: function () {
                let that = this;
                window.parent.showNewModelIframe("${URL_PATIENT_PATIENT}?id=" + that.infor.id + '&diseasesType=' + that.type, 800, 650);
            },
            Synchronous(e) {
                let that = this
                $.ajax({
                    url: '${URL_PATIENT_UPDATEPATIENT}',
                    data: {
                        id: that.infor.id,
                        synchronization: '1'
                    },
                    type: 'post',
                    dataType: 'json',
                    success: function (data) {
                        console.log(data)
                        if (data.success) {
                            e.target.disabled = true;
                            e.target.innerText = '正在同步'
                            that.setTime()
                        } else {
                            window.parent.showNewModelIframe('${URL_COMMON_TOTIPS}?title=' + data.msg, 300, 200)
                        }
                    }
                })
            },

            closeFrame() {
                that.medical = false;
            },
            // 多选框回显
            showMoreCheck(locaData, data) {
                // 字符串为空
                if (data.length == 0 || data == '' || data == null) {
                    data = '';
                } else if (data.indexOf(',') != -1) {
                    // 字符串包含英文,则说明是数组
                    data = data.split(',');
                } else {
                    // 单个字符串 eg: '1'
                    data = data.split('');
                }
                for (var a = 0; a < locaData.length; a++) {
                    for (var i = 0; i < data.length; i++) {
                        if (locaData[a].id == data[i]) {
                            locaData[a].check = true
                        }
                    }
                }
            },
            showMoreCheckOther(locaData, data) {
                // 字符串为空
                if (data.length == 0 || data == '' || data == null) {
                    data = '';
                } else if (data.indexOf(',') != -1) {
                    // 字符串包含英文,则说明是数组
                    data = data.split(',');
                } else {
                    // 单个字符串 eg: '1'
                    data = data.split('');
                }
                for (var a = 0; a < locaData.length; a++) {
                    for (var i = 0; i < data.length; i++) {
                        if (locaData[a].id == data[i]) {
                            locaData[a].checked = true
                        }
                    }
                }
            },
            // 当前日期
            getNowFormatDate() {
                var date = new Date();
                var seperator1 = "-";
                var year = date.getFullYear();
                var month = date.getMonth() + 1;
                var strDate = date.getDate();
                if (month >= 1 && month <= 9) {
                    month = "0" + month;
                }
                if (strDate >= 0 && strDate <= 9) {
                    strDate = "0" + strDate;
                }
                var currentdate = year + seperator1 + month + seperator1 + strDate;
                return currentdate;
            },

            // 公用获取选中的数组方法
            getSelectArray(data, item) {
                if (data == '') {
                    data = []
                } else if (data.constructor != Array) {
                    data = data.split(',')
                }
                if (!item.check) {
                    item.check = true;
                    data.push(item.id)
                } else {
                    item.check = false;
                    var index = data.indexOf(item.id);
                    if (index > -1) {
                        data.splice(index, 1);
                    }
                }
                if (data.indexOf('[]') > -1) {
                    data = data.replace(/[]/g, "");
                }
                return data
            },
            getSelectArrayOther(data, item) {
                if (data == '') {
                    data = []
                } else if (data.constructor != Array) {
                    data = data.split(',')
                }
                if (!item.checked) {
                    item.checked = true;
                    data.push(item.id)
                } else {
                    item.checked = false;
                    var index = data.indexOf(item.id);
                    if (index > -1) {
                        data.splice(index, 1);
                    }
                }
                if (data.indexOf('[]') > -1) {
                    data = data.replace(/[]/g, "");
                }
                return data.toString()
            },
            isNull(data) {
                if (data == null) {
                    data = ''
                }
                return data + 1
            },

            pressure() {
                let that = this;
                that.saveDisabled = true;
                if ($('#blNoMedicalType').val() == '') {
                    $('#blNoMedicalType').addClass('default');
                    alert('请选择随访类型。');
                    return
                }
                // console.debug('checkData: ' + JSON.stringify(this.checkData));

                $.ajax({
                    url: '${URL_ACCOMPANY_SAVEBL_NO_MEDICAL}',
                    contentType: 'application/json;charset=utf-8',
                    data: JSON.stringify(this.checkData),
                    dataType: 'json',
                    type: 'post',
                    success: function (data) {
                        // console.debug('save return result: ' + JSON.stringify(data));
                        if (data.success) {
                            $.ajax({
                                url: "${URL_SCREENING_GETBREADLINE}",
                                dataType: 'json',
                                type: 'post',
                                success: function (data) {
                                    var urlLib = '';
                                    urlLib = JSON.parse(data.data).slice(0, urlLib.length - 1)
                                    $.ajax({
                                        url: '${URL_SCREENING_SAVEBREADLINE}',
                                        data: {
                                            breadLine: JSON.stringify(urlLib)
                                        },
                                        dataType: 'json',
                                        type: 'post',
                                        success: function (data) {
                                            parent.showSrc(urlLib[urlLib.length - 1].href);
                                            // 刷新当前页面
                                            window.parent.simpleCloseModal();
                                        }
                                    })
                                }
                            })
                        }
                    }
                })
            }
        },
        watch: {
            checkData: {
                handler() {
                    if (this.checkData.weight != '' && this.checkData.height != '') {
                        if (this.checkData.weight == 0 || this.checkData.height == 0) {
                            this.BMI = 0
                        } else {
                            var Num = parseInt(this.checkData.height) * 0.01
                            this.BMI = parseInt(this.checkData.weight) / (Num * Num);
                            this.BMI = this.BMI.toFixed(2);
                        }
                    } else {
                        this.BMI = ''
                    }
                },
                deep: true
            }
        }
    });

    $(function () {
        $('.addImg').click(function () {
            $('#file').click();
        });
        var x = 10;
        var y = 20;
        $(".addImg").mouseover(function (e) {
            if (vm.checkData.linePhoto == '') {
                return false
            }
            var tooltip = "<div id='tooltip'><img src='" + document.getElementById("linePhoto").src + "' style='max-width:100%;'/><\/div>"; //创建 div 元素
            $("body").append(tooltip);	//把它追加到文档中
            $("#tooltip")
                .css({
                    "top": (e.pageY) + "px",
                    "left": (e.pageX) + "px"
                }).show("fast");	  //设置x坐标和y坐标，并且显示
        }).mouseout(function () {
            $("#tooltip").remove();	 //移除
        }).mousemove(function (e) {
            $("#tooltip")
                .css({
                    "top": (e.pageY + y) + "px",
                    "left": (e.pageX + x) + "px"
                });
        });

    });

    $(document).ready(function () {
        // 调查员
        $("#surveyer").focus(function () {
            alertChooseType();
        });
        // 超声骨密度值T
        $("#boneDensity").focus(function () {
            alertChooseType();
        });
    });

    /**
     * 提示「请选择随访类型」
     */
    function alertChooseType() {
        if ($('#blNoMedicalType').val() == '') {
            $('#blNoMedicalType').addClass('default');
            alert('请选择随访类型。');
            document.getElementById("blNoMedicalType").focus();
            return
        }
    }

</script>
</body>
</html>